<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <link rel="stylesheet" href="../css/bootstrap.css">
    <link rel="stylesheet" href="../css/all-use.css"/>
    <link rel="stylesheet" href="../css/management.css">
    <script src="../js/jquery-3.6.0.js"></script>
    <script src="../js/popper.js"></script>
    <script src="../js/bootstrap.js"></script>
    <title>个人中心</title>
</head>
<body class="all-background">

    <!-- 以下管理员信息 -->
        <div class="pos-fixed fixed-set" style="position: fixed;width: 100%">
            <ul class="nav nav-pills nav-fill">
                <li class="nav-width">
                    <button id="back" type="button" class="btn-back block-disable" onclick="back()">返回</button>
                </li>
                <li class="nav-width" style="text-align: center">
                    <div id="header" style="font-size: 20px;font-weight: bold;text-align: center;padding-bottom: 5px;padding-top: 5px">
                        个人中心
                    </div>
                </li>
            </ul>
        </div>
    <div style="margin-top: 14px"></div>
    <div id="fatherBox">
    <div id="user_info" class="details">
        <div class="container" >
            <div class="row">
                <div class="col-md-6 col-lg-4 details-width">
                    <div class="media d-flex align-items-center m-1 mb-3 bg-light p-2">
                        <div class="media-left mr-2">
                            <img src="../static/img/user.png" alt=""
                                 class="media-object rounded-circle img-fluid img-thumbnail"
                                 width="128" id="icon">
                        </div>
                        <div>
                            &nbsp;&nbsp;&nbsp;&nbsp;
                        </div>
                        <div class="media-body">
                            <div class="text-name" id="nickName">管理员</div>
                            <div id="privilege">昵称</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 以上管理员信息 -->
    <!-- 以下为会议信息部分 -->
    <div id="historyMoudle">
        <div class="container">
            <div class="row">
                <div class="textFont text-title" id="meetingDate">
                    2月19日
                </div>
                <div class="textFont text-title1" id="meetingRoomName">
                    会议室108
                </div>
                <div class="textFont text-title" id="opinion">
                    同意
                </div>
                <div>
                    <hr class="hr-sty">
                </div>
                <div class="text1 text-bold">
                    参会日期:
                </div>
                <div class="text1 text-bold">
                    参会时间:
                </div>
                <div class="text1" id="date">
                    2022年2月19日
                </div>
                <div class="text1" id="time">
                    15:00-17:00
                </div>
                <div class="text1 text-bold">
                    参会人数:
                </div>
                <div class="text1 text-bold">
                    会议目的:
                </div>
                <div class="text1" id="people">
                    200人
                </div>
                <div class="text1" id="purpose">
                    学生干部会议
                </div>
                <div class="text1 text1-bottom text-bold">
                    管理员审批意见:
                </div>
                <div class="div-text">
                    <textarea rows="5" cols="20" readonly="readonly" class="textarea1" id="reply">此次学生干部培训大会的成功召开。。。。。。，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，</textarea>
                </div>
            </div>
        </div>
    </div>
    <!-- 以上会议信息部分 -->
    <!-- 以下按钮部分	-->
    <div style="padding-bottom: 120px">
        <div class="container">
            <div class="row">
                <div style="padding: 0;margin: 0">
                    <button type="button" class="btn-secondary btn-sty" onclick="changeToHistory()">&nbsp;&nbsp;&nbsp;历史记录</button>
                </div>
                <div style="padding: 0;margin: 0">
                    <button type="button" class="btn-secondary btn-sty" onclick="changeToCheck()">&nbsp;&nbsp;&nbsp;审批预约</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 以上按钮部分	-->
</div>
    <!-- 下面为导航栏部分 -->
    <div style="margin-bottom: 55px">
    </div>
    <div id="mynav">
        <ul class="nav nav-pills nav-fill">
            <li class="nav-item nav-width">
                <button class="nav-link nav-height" onclick="jumpToBook()">预约会议室</button>
            </li>
            <li class="nav-item nav-width">
                <button class="nav-link nav-height">查看占用</button>
            </li>
            <li class="nav-item nav-width" >
                <button class="nav-link active nav-height">个人中心</button>
            </li>
        </ul>
    </div>
    <!-- 以上导航栏部分 -->
<script src="../js/management.js"></script>
</body>
</html>
